<extend name="Index:base"/>
<block name="content">
		<!--content-->
		<div id="content">
			<div class="w1064">
				<div class="loginOuter">
					<header>
						<span>找回密码</span>
					</header>
					<div class="loginMain">
						<!--第一步-->
						<div class="firstStep">
							<ul>
								<li>
									<span class="label">找回方式:</span>
									<p>
										<select class="_select register_type">
											<option value="1">手机号码</option>
											<option value="2">邮箱</option>
										</select>
									</p>
								</li>
								<li class="register_type_phone">
									<span class="label">手机号码:</span>
									<p>
										<input type="text" class="_txt" placeholder="请输入注册手机号码" />
									</p>
								</li>
								<li class="register_type_email">
									<span class="label">邮箱地址:</span>
									<p>
										<input type="text" class="_txt" placeholder="请输入注册邮箱" />
									</p>
								</li>
								<li>
									<span class="label">短信验证:</span>
									<p>
										<input type="text" class="_txt1" placeholder="输入右图验证码" />
									</p>
									<a href="#" class="sendCodeBtn">免费获取验证短信</a>
								</li>
								<li>
									<input type="button" class="login_btn" onclick="firstStep()" value="下一步" />
								</li>
								<li>
									<p class="msg">还未有帐号,去<a href="{:U('Home/Index/register')}">注册</a></p>
								</li>
							</ul>
						</div>	
						<!--第一步 end-->
						<!--第二步-->
						<div class="secondSteps">
							<ul>
								<li>
									<span class="label">重置密码:</span>
									<p>
										<input type="text" class="_txt" placeholder="请重置密码" />
									</p>
								</li>
								<li>
									<span class="label">确认密码:</span>
									<p>
										<input type="text" class="_txt" placeholder="请确认密码" />
									</p>
								</li>
								<li>
									<input type="button" class="login_btn" value="确认并登录" />
								</li>
								<li>
									<p class="msg">还未有帐号,去<a href="{:U('Home/Index/register')}">注册</a></p>
								</li>
							</ul>
						</div>	
						<!--第二步 end-->
					</div>
				</div>
			</div>
		</div>
		<!--content end-->
</block>
<block name="script">
	<script>
		$(function(){
			$(".register_type").change(function(){
				var val = $(this).find("option:selected").val();
				if(val == 1){
					$(".register_type_phone").show();
					$(".register_type_email").hide();
				}else{
					$(".register_type_phone").hide();
					$(".register_type_email").show();
				}
			});
		});
		function firstStep(){
			$(".firstStep").hide();
			$(".secondSteps").show();
		};
	</script>
</block>
